<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="a" uri="/WEB-INF/app.tld"%>
<a:body>
	<jsp:attribute name="csstype">dashboard</jsp:attribute>
</a:body>
<style>
	.spanTips{
		font-size: 12px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.divgroup{
		display: block;
		margin: 2px,auto;
	}
	.tdTips{
		height: 30px;
		text-align: right;
		word-break:keep-all; /* for ie */  
		white-space:nowrap; /* for chrome */
	}
	.circularDiv{
		float: left;
		display: inline-block;
		width: 20px; 
		height: 20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		border: 1px solid gainsboro;
		color:white;
		background-color: #cd7a03;
	}
	.circularDiv2{
		float: left;
		display: inline-block;
		width: 20px; 
		height: 20px;
		border-radius: 50%;
		text-align: center;
		line-height: 20px;
		border: 1px solid gainsboro;
		color:#cd7a03;
		background-color: gainsboro;
	}
	.tdleft{
		text-align: right;
		width: 10%;
		vertical-align: middle;
	}
	.tdleft label{
		width: 80%;
	}
	.tdright{
		width: 30%;
		vertical-align: middle;
	}
	.addBtn{
		background: url(images/icons/add.png) repeat-x top left;
	}
	.removeBtn{
		background-image: url(images/icons/remove.png);
	}
	input[type=text] {
		padding: 8px 5px; border: 1px solid #ccc; width: 85%; -moz-border-radius: 2px; -webkit-border-radius: 2px;
		border-radius: 2px; background: #fcfcfc; vertical-align: middle; -moz-box-shadow: inset 0 1px 3px #ddd;
		-webkit-box-shadow: inset 0 1px 3px #ddd; box-shadow: inset 0 1px 3px #ddd; color: #666;
	}
	input:focus {
		background: #fff; -moz-box-shadow: inset 1px 1px 2px #eee; -webkit-box-shadow: inset 1px 1px 2px #eee; box-shadow: inset 1px 1px 2px #eee;
	}
	select {
		border: 1px solid #ccc; padding: 5px 2px; min-width: 40%; background: #fcfcfc; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
		-moz-box-shadow: inset 1px 1px 2px #ddd; -webkit-box-shadow: inset 1px 1px 2px #ddd; box-shadow: inset 1px 1px 2px #ddd; color: #666;
	}
</style>
<div class="bodywrapper">
	<div class="centercontent">
        <div class="pageheader">
            
        </div><!--pageheader-->
        
        <div id="contentwrapper" class="contentwrapper">
        
        	<div id="updates" class="subcontent">
        		<ul class="shortcuts">
        			<c:forEach var="item" items="${respdata.map['ReleasingHw']}"  varStatus="itemStatus">
                        	<li>
                        		<div class="polaroid">  
  									<img src="${item.icon}" alt="Norway" style="width:100%">
  									<div class="container">
    									<p id="coursetip_${itemStatus.index}" class="rectangle" >${item.cname}</p>  
    									<div class="temp" style="display: none">${item.personsum}</div>
    									<div class="container_child">
    										<span>${item.hname}</span><br/>
    										<span>${item.classname}</span>
    									</div>
  									</div>
								</div>
							</li>
					</c:forEach>
                </ul>
        	</div>
        	
        	<div id="activities" class="subcontent" style="display: none;">
        	<c:choose>
        		<c:when test="${empty respdata.map['NoReleaseHw']}">
            	<h1>nimade</h1>
                </c:when>
                <c:otherwise>
                	<ul class="shortcuts">
        			<c:forEach var="item" items="${respdata.map['ReleasingHw']}"  varStatus="itemStatus">
                        	<li>
                        		<div class="polaroid">  
  									<img src="${item.icon}" alt="Norway" style="width:100%">
  									<div class="container">
    									<p id="coursetip_${itemStatus.index}" class="rectangle" >${item.cname}</p>  
    									<div class="temp" style="display: none">${item.personsum}</div>
    									<div class="container_child">
    										<span>${item.hname}</span><br/>
    										<span>${item.classname}</span>
    									</div>
  									</div>
								</div>
							</li>
					</c:forEach>
                	</ul>
                </c:otherwise>
        	</c:choose>
        	</div><!-- #activities -->
        	<div class="wigettable">
        	<div class="contenttitle2 nomargintop">
                            <h3>作业创建</h3>
            </div><!--contenttitle-->
			<div>
                <div id="hwobj" style="padding-top: 30px">
					<table>
						<tbody>
							<tr>
								<td class="tdTips">
									<span class="spanTips">作业类型</span>
								</td>
								<td>
									&nbsp;
			                    	<select class="radius3" id="htype">
			                    		<option value="1">视频作业</option>
			                    		<option value="2">普通作业</option>
			                    		<option value="3">提交文件作业</option>
			                    		<option value="4">口头布置线下作业</option>
			                    	</select>
								</td>
							</tr>
							<tr>
								<td class="tdTips">
									<span class="spanTips">课程</span>
								</td>
								<td>
									<ul class="buttonlist" id="courseTab">
									</ul>
								</td>
							</tr>
							<tr>
								<td class="tdTips">
									<span class="spanTips">班级</span>
								</td>
								<td>
									<div id="xzbTabDiv">
										<ul class="buttonlist">
										</ul>
									</div>
									
								</td>
							</tr>
						</tbody>
					</table>
				</div>
            </div><!--tableoptions-->	
                
            <!-- 表单开始-->
                <%--<form class="stdform stdform2" method="post" action="">--%>
				<div class="stdform stdform2">
                		<table>
                			<tbody>
                				<tr>
                					<td class="tdleft">
                						<label>作业标题</label>
                					</td>
                					<td class="tdright">
                						<input type="text" name="hname" id="hname" class="longinput" />
                					</td>
                					<td class="tdleft">
                						<label>作业图片</label>
                					</td>
                					<td class="tdright">
                						<input type="radio" name="hmiconradio" value="10" checked="checked"/> 课程图标(默认) &nbsp; &nbsp;
                            			<input type="radio" name="hmiconradio" value="20" /> 自定义 &nbsp; &nbsp;
										<form enctype="multipart/form-data">
											<div class="uploader" id="iconinputDiv" style="display:none">
												<input type="file" name="filename" id="hmImg" size="19"  multiple="multiple" style="opacity: 0;">
												<span class="filename">No file selected</span>
												<span class="action">Choose File</span>
											</div>
										</form>
                					</td>
                				</tr>
                				<tr>
                					<td class="tdleft">
                						<label>试卷</label>
                					</td>
                					<td class="tdright">
                						<!--<input type="text" name="firstname" id="firstname2" class="longinput" /><span class="formwrapper">-->
                            			<select data-placeholder="Choose one paper..." style="width:350px;" tabindex="2" id="exampk">

                                  		</select>
                					</td>
                					<td class="tdleft">
                						<label>附件集合</label>
                					</td>
                					<td class="tdright">
                						<%--<div class="uploader">--%>
                							<%--<input type="file" name="attachment[]" size="19" style="opacity: 0;">--%>
                							<%--<span class="filename">No file selected</span>--%>
                							<%--<span class="action">Choose File</span>--%>
                						<%--</div>--%>
                						<%--<button class="stdbtn btn_orange" id="addOneAttachment" type="button">+</button>--%>
										<form enctype="multipart/form-data" id="attachmentDiv">
											<div>
												<input type="file" name="filename[]"  class="attachmentupload"/>
												<button class="stdbtn btn_orange" id="addOneAttachmentBtn" type="button"><span style="font-size:15px;height:0.7em;width:0.7em;display:table-caption">+</span></button>
											</div>
										</form>
                					</td>
                				</tr>
                				<tr>
                					<td class="tdleft">
                						<label>开始时间</label>
                					</td>
                					<td class="tdright">
                						<input id="startTime" type="text" class="width100">
                					</td>
                					<td class="tdleft">
                						<label>结束时间</label>
                					</td>
                					<td class="tdright">
                						<input id="endTime" type="text" class="width100">
                					</td>
                				</tr>
                				<tr>
                					<td class="tdleft">
                						<label>视频资源</label>
                					</td>
                					<td class="tdright">
                						<input type="radio" name="videoResource" /> 资源库选取 &nbsp; &nbsp;
                            			<input type="radio" name="videoResource" checked="checked" /> 手动上传 &nbsp; &nbsp;
										<form enctype="multipart/form-data" id="videoDiv">
											<div class="uploader" id="uniform-undefined">
												<input type="file" name="filename" size="19" style="opacity: 0;">
												<span class="filename">No file selected</span>
												<span class="action">Choose File</span>
											</div>
										</form>
                					</td>
                					<td class="tdleft">
                						<label>视频断点</label>
                					</td>
                					<td class="tdright">
                						<input name="tags" id="tags" class="longinput" value="0" style="display: none;">
                					</td>
                				</tr>
                			</tbody>
                		</table>

                        <!--<p>
                        	<label>Last Name</label>
                            <span class="field"><input type="text" name="lastname" id="lastname2" class="longinput" /></span>
                        </p>
			
						<p>
                            <label>Radio Buttons</label>
                            <span class="field">
                            	<input type="radio" name="radiofield" /> Unchecked Radio &nbsp; &nbsp;
                            	<input type="radio" name="radiofield" checked="checked" /> Checked Radio &nbsp; &nbsp;
                                <input type="radio" name="radiofield" disabled="disabled" /> Disabled Radio  &nbsp; &nbsp;
                                <input type="radio" name="radiofield" checked="checked" disabled="disabled" /> Disabled Radio 
                            </span>
                        </p>
                        
                        <p>
                        	<label>Email</label>
                            <span class="field"><input type="text" name="email" id="email2" class="longinput" /></span>
                        </p>
                        
                        <p>
                        	<label>Location <small>You can put your own description for this field here.</small></label>
                            <span class="field"><textarea cols="80" rows="5" name="location" id="location2" class="longinput"></textarea></span>
                        </p>
                        
                        <p>
                        	<label>Select</label>
                            <span class="field"><select name="selection" id="selection2">
                            	<option value="">Choose One</option>
                                <option value="1">Selection One</option>
                                <option value="2">Selection Two</option>
                                <option value="3">Selection Three</option>
                                <option value="4">Selection Four</option>
                            </select></span>
                        </p>
                        
                        
                        <p class="stdformbutton">
                        	<button class="submit radius2">Submit Button</button>
                            <input type="reset" class="reset radius2" value="Reset Button" />
                        </p>-->
					</div>
                    <%--</form>--%>
					<button class="stdbtn" id="sumbitHw" type="button">提交</button>
            <!-- 表单结束-->
     	</div>
	</div>
</div>
<script type="text/javascript" src="js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="js/plugins/charCount.js"></script>
<script type="text/javascript" src="js/plugins/ui.spinner.min.js"></script>
<script type="text/javascript" src="js/plugins/chosen.jquery.min.js"></script>
	<script type="text/javascript" src="js/plugins/jquery.form.js"></script>
<script type="text/javascript" src="js/custom/general.js"></script>
<script type="text/javascript" src="js/custom/forms.js"></script>
<!--<script type="text/javascript" src="js/plugins/jquery.dataTables.min.js"></script>-->
<!--<script type="text/javascript" src="js/custom/tables.js"></script>-->
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/manager/releasehomework.js"></script>
